<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
   <head>
      <title>floatz sandbox - Using CSS sprite images</title>
      <meta http-equiv="content-type" content="text/html; CHARSET=iso-8859-1" />
      <meta http-equiv="content-script-type" content="text/javascript" />
      <meta http-equiv="content-style-type" content="text/css" />
      <meta http-equiv="content-language" content="en" />
      <meta name="author" content="" />
      <meta name="robots" content="index,follow" />
      <meta name="description" content="" />
      <link rel="stylesheet" type="text/css" href="styles/computedstyle.css" />
      <style type="text/css">
      </style>
      <script type="text/javascript">
         function test(elem)
         {
            if(elem.currentStyle != 'undefined')
            {
               // http://msdn.microsoft.com/library/dd347049.aspx
               alert(elem.currentStyle["styleFloat"]);
               alert(elem.currentStyle["height"]);
               alert(elem.currentStyle["width"]);
               alert(elem.currentStyle["backgroundColor"]);
               alert(elem.currentStyle["display"]);
            }
         }

         function test2()
         {
            // http://catcode.com/dominfo/getstyle2.html
            alert(document.styleSheets);
            alert(document.styleSheets[0].cssRules);
         }
      </script>
   </head>
   <body>
      <div class="mydiv">
         test
      </div>
      <input type="button" value="Get computed styles" onclick="test(this)" />
   </body>
</html>
